<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="HandheldFriendly" content="true">
    <meta name="description" content="注册">
    <meta name="keywords" content="注册">
    <title>注册</title>
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/modal.css">
    <script src="js/jquery-3.7.1.min.js"></script>
</head>
<body>
<div class="container">
    <div class="stars"></div>
    <div class="form-container">
        <h1>注册</h1>
        <span style="margin-left: 150px">请选择头像</span>
        <img src="./images/avatar/780.jpg" alt="选择头像" class="avatar" id="selected-avatar" onclick="toggleAvatarSelection()">
        <div class="avatar-selection" id="avatar-selection">
            <!-- 这里将会显示头像 -->
        </div>
        <form id="myForm">
            <label>
                <input type="text" placeholder="Account" id="account" required autocomplete="off">
                <input type="text" placeholder="Name" id="username" required autocomplete="off">
                <input type="password" placeholder="Password" id="password" required autocomplete="off">
                <input type="password" placeholder="Repeat Password" id="repeat-password" required autocomplete="off">
                <input type="hidden" id="selected-avatar-path" name="avatar">
            </label>
            <button id="bt" type="submit">注册</button>
        </form>
        <a href="login.html" class="forgot-password">已有账号？去登录</a>
        <div class="top-right">
            <a href="login.html">Sign In</a>
        </div>
    </div>
</div>
<div class="infoModal" id="infoModal">
    <div class="infoModalContent">
        <p id="infoTitle"></p>
        <button id="confirmBtn">确定</button>
    </div>
</div>
<script src="./js/register.js"></script>
<script src="./js/modal.js"></script>
</body>
</html>